<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta  http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<meta name="author" content="Parallelus" />
	<meta name="description" content="A brief description of this website or your business." />
	<meta name="keywords" content="keywords, or phrases, associated, with each page, are best" />
	<title>Traject - Aim For The Next Level</title>
	
	<!-- Favorites icon -->
	<link rel="shortcut icon" href="http://para.llel.us/favicon.ico" />
	
	<!-- Style sheets -->
	<link rel="stylesheet" type="text/css" href="css/reset.min.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link rel="stylesheet" type="text/css" href="css/menu.css" />
	<link rel="stylesheet" type="text/css" href="css/fancybox.css" />

	<!-- Skin Style Sheet -->
	<link rel="stylesheet" href="css/skins/skin-1.css" type="text/css" id="SkinCSS" />

	<!-- jQuery framework and utilities -->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript"> $j = jQuery.noConflict(); </script>
	<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.min.js"></script>
	<!-- Drop down menus -->
	<script type="text/javascript" src="js/menu.js"></script>
	<!-- Font replacement (cufon) -->
	<script type="text/javascript" src="js/cufon-yui.js"></script>
	<script type="text/javascript" src="js/Vegur.font.js"></script>
	<script type="text/javascript" src="js/Vegur.Light.font.js"></script>
	<!-- Input labels -->
	<script type="text/javascript" src="js/jquery.overlabel.min.js"></script>
	<!-- Inline popups/modal windows -->
	<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script>

	

	<!-- IE only includes (PNG Fix and other things for sucky browsers -->
	
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" href="css/ie-6.css">
		<script type="text/javascript" src="js/pngFix.min.js"></script>
		<script type="text/javascript"> 
			$j(document).ready(function(){ 
				$j(document.body).supersleight();
			}); 
		</script> 
	<![endif]-->
	<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie-all-versions.css"><![endif]-->



	<!-- BEGIN: For Demo Only -->
		<!--			
		These entries are only needed for demo features, such as the real-time skin changer.
		They can be deleted for production installs without effecting the theme's design or 
		any of the funcionality.
		-->
		<script type="text/javascript" src="js/demo.js"></script>	
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<!-- END: For Demo Only -->



	<!-- Functions to initialize after page load -->
	<script type="text/javascript" src="js/onLoad.js"></script>


</head>
<body>

<div id="Wrapper">

	<div id="Top">
		<div id="TopContainer">
			
			<!-- Search -->
			<div id="SearchWrapper">
				<div id="Search">
					<form action="#" id="SearchForm" method="post">
						<p style="margin:0;"><input type="text" name="SearchInput" id="SearchInput" value="" /></p>
						<p style="margin:0;"><input type="submit" name="SearchSubmit" id="SearchSubmit" class="noStyle" value="" /></p>
					</form>
				</div>
			</div>
			
			<!-- Main Menu: MegaMenu -->
			<div id="MainMenu">
				<ul id="MegaMenu">
				
					<li class="current"><a href="index.html">Home</a></li>
					<li>
						<a href="#">Features</a>
						<div class="sub">
							<div class="row">
								<ul style="width: 200px;">
									<li><h2><a href="#">Home page</a></h2></li>
									<li><a href="index.html">Home 1 (default)</a></li>
									<li><a href="index-2.html">Home 2 (Products)</a></li>
									<li><a href="index-3.html">Home 3 (Nivo)</a></li>
									<li><br /><h2><a href="sample-layout.html">Theme Resources</a></h2></li>
									<li><a href="sample-text.html">Text Styles</a></li>
									<li><a href="sample-layout.html">Layout Overview</a></li>
								</ul>
								<ul style="width: 200px;">
									<li><h2><a href="#">Sample Pages</a></h2></li>
									<li><a href="sample-portfolio.html">Portfolio</a></li>
									<li><a href="sample-portfolio-2.html">Portfolio 2</a></li>
									<li><a href="sample-blog.html">Blog</a></li>
									<li><a href="sample-blog-page.html">Blog (single post)</a></li>
									<li><a href="sample-contact.html">Contact Form</a></li>
									<li><a href="sample-faq.html">FAQ's</a></li>
								</ul>
								<ul style="width: 200px;">
									<li><h2><a href="#">Mega Menus</a></h2></li>
									<li>
										<p>Add unlimited content, links, images and detailed information in your drop-down menus with Mega Menus.</p>
										<p>Usability testing shows mega drop-downs are more efficient and overcome the downsides of traditional menus.</p>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<a href="#">Skins</a>
						<div style="" class="sub">
							<div class="row">
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('1');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-1.jpg" width="130" alt="Skin 1" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('1');">Skin 1</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('2');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-2.jpg" width="135" alt="Skin 2" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('2');">Skin 2</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('3');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-3.jpg" width="135" alt="Skin 3" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('3');">Skin 3</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('4');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-4.jpg" width="135" alt="Skin 4" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('4');">Skin 4</a></h2></li>
								</ul>
							</div>
							<div class="row">
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('5');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-5.jpg" width="135" alt="Skin 5" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('5');">Skin 5</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('6');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-6.jpg" width="135" alt="Skin 6" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('6');">Skin 6</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('7');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-7.jpg" width="135" alt="Skin 7" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('7');">Skin 7</a></h2></li>
								</ul>
								<ul>
									<li style="text-align: center;"><a href="#" onclick="switchSkin('8');" style="background: none; padding: 0.75em 0;"><img class="skin" src="images/content/skin-changer/skin-8.jpg" width="135" alt="Skin 8" /></a></li>
									<li style="text-align: center;"><h2><a href="#" onclick="switchSkin('8');">Skin 8</a></h2></li>
								</ul>
							</div>
							<div class="row" style="text-align: center;">
								<ul style="width: auto; float:none; ">
									<li>
										<label for="WideFormatDesign">
											<input type="checkbox" id="WideFormatDesign" name="WideFormatDesign" /> Enable alternate wide format design? This will toggle the "page" style design on and off.
										</label>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="sample-faq.html">FAQ's</a></li>	
					<li><a href="sample-contact.html">Contact</a></li>	

				</ul>
			</div> <!-- END id="MainMenu" -->
			
			
			
			
		</div>
	</div> <!-- END id="Top" -->
	
	<a href="index.html" id="LogoHeader" class="logoMedium"></a>
	
	<div id="PageTop"></div>
	<div id="PageWrapper">
		
		<div id="PageOverlay">
			<div id="PageOverlayContent">
					
					<div class="contentArea">
						<h1 class="pageTitle">Frequently Asked Questions</h1>
						<div class="pageIcon"><img src="images/icons/faq.png" width="128" height="128" alt="Frequently Asked Questions" /></div>
					</div>

			</div> <!-- END id="PageOverlayContent" -->
		</div> <!-- END id="PageOveraly" -->


		<div id="Showcase">
			<div id="ShowcaseContent">
				<div class="contentArea">
					<h2 class="pageTagLine">Answers to some of our commonly asked questions.</h2>
				</div> <!-- END class="contentArea" -->
			</div> <!-- END id="ShowcaseContent" -->
		</div> <!-- END id="Showcase" -->


		<div id="MainPage">
			<div id="MainPageContent">
				<div class="contentArea">
					
					<div class="breadcrumbs">
						<a href="index.html">Home</a> &nbsp;\&nbsp; <a href="#">Some Page</a> &nbsp;\&nbsp; <a href="#">Some Page</a> &nbsp;\&nbsp; This Page
					</div>
					
					<div class="half_page">
					
						<!-- Page Content -->

						<div class="imgTall">
							<img src="images/content/demo-only/placeholder.jpg" width="180" height="235" alt="Traject Info" />
							<span class="imgFrame"></span>
						</div>
						
						<p>Nulla a hendrerit velit. Nulla leo lacus, dapibus sed pharetra vitae, vestibulum ac ipsum. Quisque feugiat vulputate venenatis. Donec feugiat nibh a erat mollis vitae sollicitudin lacus gravida. In feugiat sagittis mauris vel hendrerit. Sed semper scelerisque sem, id iaculis massa consequat quis. Vivamus vulputate elementum nisi, tristique tincidunt sem pharetra tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed condimentum dictum sagittis.</p>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ac sem nec augue tempus aliquet. Nullam orci lacus, mattis nec molestie et, lacinia sed odio. Integer velit enim, semper vitae dictum auctor, fermentum et neque. Mauris dui erat, venenatis et tempus sed, volutpat quis eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula turpis mi, et auctor massa. Vivamus viverra, est vel ultricies eleifend, neque justo mollis leo, non placerat magna lectus id massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue lacus sit amet ligula lacinia in ornare libero vehicula. Ut rutrum magna vitae mi ultricies eget luctus ligula pellentesque. Aliquam ligula enim, ornare vel rutrum molestie, condimentum et justo. Ut id odio a mi suscipit fermentum nec ut lectus.</p>
						<p>Ut scelerisque rutrum posuere. Donec eget libero sit amet mauris gravida porta. Curabitur auctor vestibulum dolor, nec tempor urna aliquet vitae. Sed interdum dictum venenatis. Suspendisse iaculis pulvinar tortor vel sagittis. Nulla quis purus massa. Sed convallis ullamcorper felis, eu vestibulum metus commodo id. Donec vitae lacus nunc. Ut ultricies convallis lobortis. Fusce scelerisque hendrerit scelerisque. </p>

						<!-- End of Content -->
						<div class="clear"></div>

					</div>
					
					<div class="half_page last">

						<!-- Page Content -->
				
						<ul class="faqs">
							<li>
								<h4 class="question">Do these cool FAQ's come with the theme?</h4>
								<div>
									<p>Yes they are included with the theme!</p>
								</div>
							</li>
							<li>
								<h4 class="question">What does the 4 column layout look like?</h4>
								<div>
									<p>Good question! Scroll to the bottom of this page to see an example of the 4 column layout.</p>
								</div>
							</li>
							<li>
								<h4 class="question">In feugiat vestibulum metus commodo id, id iaculis massa consequat quis?</h4>
								<div>
									<p>Consectetur adipiscing elit. Nulla congue lacus sit amet ligula lacinia in ornare libero vehicula. Ut rutrum magna vitae mi ultricies eget luctus ligula pellentesque. Aliquam ligula enim, ornare vel rutrum molestie, condimentum et justo. Ut id odio a mi suscipit fermentum nec ut lectus.</p>
								</div>
							</li>
							<li>
								<h4 class="question">Sed ac sem nec augue tempus aliquet?</h4>
								<div>
									<p>Donec vitae lacus nunc. Ut ultricies convallis lobortis. Fusce scelerisque hendrerit scelerisque. </p>
								</div>
							</li>
							<li>
								<h4 class="question">In feugiat vestibulum metus commodo id, id iaculis massa consequat quis?</h4>
								<div>
									<p>Aliquam ligula enim, ornare vel rutrum molestie, condimentum et justo. Ut id odio a mi suscipit fermentum nec ut lectus.</p>
								</div>
							</li>
							<li>
								<h4 class="question">Do these cool FAQ's come with the theme?</h4>
								<div>
									<p>Yes they are included with the theme!</p>
								</div>
							</li>
							<li>
								<h4 class="question">Sed ac sem nec augue tempus aliquet?</h4>
								<div>
									<p>Donec eget libero sit amet mauris gravida porta. Curabitur auctor vestibulum dolor, nec tempor urna aliquet vitae. Sed interdum dictum venenatis. Suspendisse iaculis pulvinar tortor vel sagittis. Nulla quis purus massa. Sed convallis ullamcorper felis, eu vestibulum metus commodo id. Donec vitae lacus nunc. </p>
								</div>
							</li>
							<li>
								<h4 class="question">Id iaculis massa consequat quis?</h4>
								<div>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue lacus sit amet ligula lacinia in ornare libero vehicula. Ut rutrum magna vitae mi ultricies eget luctus ligula pellentesque. Aliquam ligula enim, ornare vel rutrum molestie, condimentum et justo.</p>
								</div>
							</li>
							<li>
								<h4 class="question">Sed ac sem nec augue tempus aliquet?</h4>
								<div>
									<p>Sed convallis ullamcorper felis, eu vestibulum metus commodo id. Donec vitae lacus nunc. Ut ultricies convallis lobortis. Fusce scelerisque hendrerit scelerisque. </p>
								</div>
							</li>
							<li>
								<h4 class="question">Feugiat vestibulum metus iaculis massa consequat quis?</h4>
								<div>
									<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
								</div>
							</li>
						</ul>

						<!-- End of Content -->
						<div class="clear"></div>

					</div>

					<!-- End of Content -->
					<div class="clear"></div>

					<p>&nbsp;</p>
					
					<h2 class="title">Example of 4 column layout</h2>
					<div class="hr"></div>
					
					<div class="one_fourth">
						<h4>Column 1</h4>
						<div class="imgSmall">
							<img src="images/content/demo-only/placeholder.jpg" width="160" height="108" alt="Featured Image" />
							<span class="imgFrame"></span>
						</div>
						<p>Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ac sem nec augue tempus aliquet. Nullam orci lacus, mattis nec molestie et, lacinia sed odio. Integer velit enim, semper vitae dictum auctor, fermentum et ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum magna vitae mi ultricies eget luctus ligula pellentesque. Aliquam ligula enim. Ut id odio a mi suscipit. </p>
					</div>
					<div class="one_fourth">
						<h4>Column 2</h4>
						<div class="imgSmall">
							<img src="images/content/demo-only/placeholder.jpg" width="160" height="108" alt="Featured Image" />
							<span class="imgFrame"></span>
						</div>
						<p>Natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ac sem nec augue tempus aliquet. Nullam orci lacus, mattis nec molestie et, lacinia sed odio. Integer velit enim, semper vitae dictum auctor,  mi ultricies eget luctus ligula pellentesque. Aliquam ligula enim, ornare vel rutrum molestie, condimentum et justo. Ut id odio a mi suscipit fermentum nec ut lectus. </p>
					</div>
					<div class="one_fourth">
						<h4>Column 3</h4>
						<div class="imgSmall">
							<img src="images/content/demo-only/placeholder.jpg" width="160" height="108" alt="Featured Image" />
							<span class="imgFrame"></span>
						</div>
						<p>Penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ac sem nec augue tempus aliquet. Nullam orci lacus, mattis nec molestie et, lacinia sed odio. Integer velit enim, semper vitae dictum auctor, fermentum et neque. Mauris dui erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula turpis mi, et auctor massa. Vivamus viverra, est vel. </p>
					</div>
					<div class="one_fourth last">
						<h4>Column 4</h4>
						<div class="imgSmall">
							<img src="images/content/demo-only/placeholder.jpg" width="160" height="108" alt="Featured Image" />
							<span class="imgFrame"></span>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue lacus sit amet ligula lacinia in ornare libero vehicula. Nulla congue lacus sit amet ligula lacinia in ornare libero vehicula. Ut rutrum magna vitae mi ultricies eget luctus ligula pellentesque. Aliquam ligula enim, vestibulum metus commodo ornare vel rutrum molestie, ligula ligula condimentum et justo. Ut id odio a mi suscipit lectus. </p>
					</div>
					
					<!-- End of Content -->
					<div class="clear"></div>

				
				</div> <!-- END class="contentArea" -->
			</div> <!-- END id="MainPageContent" -->
		</div> <!-- END id="MainPage" -->
		
		
	</div> <!-- END id="PageWrapper" -->

	<div id="FooterWrapper">
		<div id="Footer">
			<div id="FooterContent">
				
				<div class="contentArea">
					
					<div class="copyright right">
						Copyright &copy; 2010 - <a href="http://para.llel.us">Parallelus</a> - All rights reserved. |  
						Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; 
						<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">CSS</a>.
					</div>
					
					<ul id="FooterMenu" class="horizList left">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">Features</a></li>
						<li><a href="sample-faq.html">FAQ's</a></li>
						<li><a href="sample-contact.html">Contact</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- END class="contentArea" -->
				
			</div> <!-- END id="FooterContent" -->
		</div> <!-- END id="Footer" -->
	</div> <!-- END id="FooterWrapper" -->
	
</div> <!-- END id="Wrapper" -->

<!-- Activate Font Replacement (cufon) -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>